{extend name="common/application" /}
{block name="title"}<title>政务资讯-业务详情</title>{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="_CSS_/government.css"/>
<link rel="stylesheet" href="_CSS_/government_details.css"/>
<!--[if lt IE 9]>
<script src="http://www.ijquery.cn/js/html5shiv.js"></script>
<![endif]-->
<style>
    .menuList {
        width: 250px;
        height: 532px;
        border-radius: 5px;
    }

    .menuList .activeMenu {
        color: #FFFFFF !important;
        background: #3377C1 !important;
    }

    .menuItem {
        width: 190px;
        height: 54px;
        display: block;
        line-height: 54px;
        background: #FFFFFF;
        font-size: 18px;
        color: #666666;
        padding-left: 60px;
    }

    .menuContent {
        width: 930px;
        background: #FFFFFF;
        min-height: 660px;
    }

    .menuCon {
        padding: 30px;
    }

    .menuCon:hover {
        border-bottom: 1px solid #E3E3E3;
    }

    .menuCon:hover .menuTitle {
        color: #3377C1;
    }

    .menuTitle {
        font-size: 20px;
        color: #333333;
    }

    .menuText {
        font-size: 14px;
        color: #666666;
        line-height: 20px;
        margin: 20px 0 40px 0;
    }

    .publishTime {
        font-size: 12px;
        color: #B7B7B7;
    }

    .menuConHeader {
        height: 80px;
        border-bottom: 1px solid #E5E5E5; /*box-shadow:0px 3px 5px #f0f0f0;*/
        line-height: 80px;
        padding: 0 20px;
    }

    .title {
        display: inline-block;
        color: #3377C1;
        font-size: 20px;
        font-weight: normal;
    }

    .menuConItem {
        padding: 0 20px;
        margin: 30px 0;
    }

    .mainTitle {
        font-size: 18px;
        color: #333;
        margin-bottom: 20px;
    }

    .secTitle {
        font-size: 16px;
        margin-left: 30px;
    }

    .businessImg {
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

    .mainList li {
        list-style: inside;
        color: #666666;
        font-size: 16px;
    }
</style>
{/block}

{block name="navbar"}{include file="/common/navbar" /}{/block}
{block name="content"}
<!-- 主体内容 -->
<div class="main">
    <div class="mainBody normalBox clearfix">
        <!--面包屑导航-->
        <div class="breadcrumb">
            <p>当前位置：
                <a href="index.html">政务资讯</a> &gt;
                <a href="business.html">业务指南</a>
            </p>
        </div>
        <!--左菜单-->
        <div class="menuList fl">
            <a class="menuItem" href="javascript:;" num="1">
                <span class="icons icon-menu01 hide"></span>
                <span class="icons icon-menu11"></span>
                专利申请
            </a>
            <a class="menuItem" href="javascript:;" num="3">
                <span class="icons icon-menu02"></span>
                <span class="icons icon-menu12 hide"></span>
                专利缴费
            </a>
            <a class="menuItem" href="javascript:;" num="6">
                <span class="icons icon-menu03"></span>
                <span class="icons icon-menu13 hide"></span>
                合同备案
            </a>
            <a class="menuItem" href="javascript:;" num="10">
                <span class="icons icon-menu04"></span>
                <span class="icons icon-menu14 hide"></span>
                电子申请
            </a>
            <a class="menuItem" href="javascript:;" num="8">
                <span class="icons icon-menu05"></span>
                <span class="icons icon-menu15 hide"></span>
                专利优先审查
            </a>
            <a class="menuItem" href="javascript:;" num="5">
                <span class="icons icon-menu06"></span>
                <span class="icons icon-menu16 hide"></span>
                质押登记
            </a>
            <a class="menuItem" href="javascript:;" num="2">
                <span class="icons icon-menu07"></span>
                <span class="icons icon-menu17 hide"></span>
                费用减缓
            </a>
            <a class="menuItem" href="javascript:;" num="7">
                <span class="icons icon-menu08"></span>
                <span class="icons icon-menu18 hide"></span>
                登记簿副本
            </a>
            <a class="menuItem" href="javascript:;" num="4">
                <span class="icons icon-menu09"></span>
                <span class="icons icon-menu19 hide"></span>
                通知书自取
            </a>
            <a class="menuItem" href="javascript:;" num="9">
                <span class="icons icon-menu10"></span>
                <span class="icons icon-menu20 hide"></span>
                表格下载
            </a>
        </div>
        <!--右内容-->
        <div class="menuContent fr">
            <div class="menuConHeader">
                <h4 class="title fl"></h4>
                <p class="publishTime fr"><span class="icons icon-time"></span></p>
            </div>
            <div class="menuConBody">
                

            </div>
        </div>
    </div>
</div>
{/block}


{block name="js"}
<!-- 脚本引入 -->

<script type="text/javascript" src="_JS_/getDate.js"></script>
<script type="text/javascript">
    $(function () {
        var url = window.location.href;
        var id = url.split("=")[1];
        $(".icon-menu01").removeClass('hide');
        $(".icon-menu11").addClass('hide');
        $(".activeMenu").find("span:first-child").removeClass('hide');
        $(".activeMenu").find("span:first-child").next().addClass('hide');
        $.ajax({
            type: "get",
            url: "/index.php/api/policy/business_detail",
            data: {'id': id},
            dataType: 'jsonp',
            success: function (msg) {
                if (msg.code == 200) {
                    var time = getMyDate(msg.data.time * 1000);
                    var type = msg.data.sort;
                    $('.menuList').find("a").removeClass("activeMenu");
                    $("a[num=" + type + "]").attr("class", "menuItem activeMenu");
                    $("a[num=" + type + "]").find("span:first-child").addClass('hide');
                    $("a[num=" + type + "]").find("span:first-child").next().removeClass('hide');
                    $('.title').html(msg.data.title);
                    $('.publishTime').html(time);
                    var html = JSON.parse(msg.data.content);
                    $('.menuConBody').html(html.text);
                }
            }
        });
		$('.menuList').find("a").on("click", function () {
            $(".icon-menu01").removeClass('hide');
            $(".icon-menu11").addClass('hide');
            $(".activeMenu").find("span:first-child").removeClass('hide');
            $(".activeMenu").find("span:first-child").next().addClass('hide');
            $('.menuList').find("a").removeClass("activeMenu");
            $(this).addClass("activeMenu");
            $(this).find("span:first-child").addClass('hide');
            $(this).find("span:first-child").next().removeClass('hide');
            var num = $(this).attr('num');
            window.location.href="/index.php/index/government/business?type=" + num;
            //window.event.returnValue=false;
        });
    });


    

</script>
{/block}
			